@charset "utf-8";
/* CSS Document */
article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, tfoot, thead, tr, video {
	margin: 0;
	padding: 0;
	border: 0
}

a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}
article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video {
	display: block
}
table {
	border-collapse: separate;
	border-spacing: 0
}
table caption, table td, table th {
	text-align: left;
	vertical-align: middle
}
a img {
	border: 0
}
em{font-style:normal;}
:focus {
	outline: 0
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
}
body {
	background-color: #ffffff;/*整体背景颜色*/
	-webkit-touch-callout: none;
	/*-webkit-user-select: none;*//*禁止复制*/
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(255,255,255,0);/*点击高亮效果*/
}
body, button, input, pre, select, textarea {
	font:14px/2 arial, 'Microsoft Yahei', 微软雅黑, 宋体, Tahoma, Arial, Helvetica, STHeiti;
}
input, textarea {
	-webkit-appearance: none;
	border-radius: 0
}
ol, ul {
	list-style: none
}
/*a, a:active, a:visited {*/
a, a:active{
	color: inherit;
	text-decoration: none;
	cursor:pointer;
}
h1, h2, h3, h4, h5, p, span {
	overflow: visible
}


.mt0 { margin-top:0!important }
.mt5 { margin-top:5px }
.mt10 { margin-top:10px }
.mt15 { margin-top:15px }
.mt20 { margin-top:20px }
.mt25 { margin-top:25px }
.mt30 { margin-top:30px }
.mt35 { margin-top:35px }
.mt40 { margin-top:40px }
.mt45 { margin-top:45px }
.mt50 { margin-top:50px }
.mb0 { margin-bottom:0!important }
.mb5 { margin-bottom:5px }
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.mb25 { margin-bottom:25px }
.mb30 { margin-bottom:30px }
.mb35 { margin-bottom:35px }
.mb40 { margin-bottom:40px }
.mb45 { margin-bottom:45px }
.mb50 { margin-bottom:50px }
.ml0 { margin-left:0!important }
.ml5 { margin-left:5px }
.ml10 { margin-left:10px }
.ml15 { margin-left:15px }
.ml20 { margin-left:20px }
.ml25 { margin-left:25px }
.ml30 { margin-left:30px }
.ml35 { margin-left:35px }
.ml40 { margin-left:40px }
.ml45 { margin-left:45px }
.ml50 { margin-left:50px }
.mr0 { margin-right:0!important }
.mr5 { margin-right:5px }
.mr10 { margin-right:10px }
.mr15 { margin-right:15px }
.mr20 { margin-right:20px }
.mr25 { margin-right:25px }
.mr30 { margin-right:30px }
.mr35 { margin-right:35px }
.mr40 { margin-right:40px }
.mr45 { margin-right:45px }
.mr50 { margin-right:50px }
.mlr5 { margin-left:5px; margin-right:5px }
.mlr10 { margin-left:10px; margin-right:10px }
.mlr15 { margin-left:15px; margin-right:15px }
.mlr20 { margin-left:20px; margin-right:20px }
.pt5 { padding-top:5px }
.pb1 { padding-bottom:1px }
.pb5 { padding-bottom:5px }
.pl5 { padding-left:5px }
.pl10 { padding-left:10px }
.pr5 { padding-right:5px }
.f10 { font-size:10px }
.f12 { font-size:12px }
.f14 { font-size:14px }
.f16 { font-size:16px }
.f18 { font-size:18px }
.f20 { font-size:20px }
.f22 { font-size:22px }
.f24 { font-size:24px }
.f26 { font-size:26px }
.f28 { font-size:28px }
.f30 { font-size:30px }
.f32 { font-size:32px }
.f34 { font-size:34px }
.f36 { font-size:36px }
.f38 { font-size:38px }
.f40 { font-size:40px }
.f50 { font-size:50px }
.f60 { font-size:60px }
.f100 { font-size:100px }
.fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn }
@-webkit-keyframes fadeInDowns { 0% {
opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInDowns { 0% {
opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInDowns { -webkit-animation-name:fadeInDowns; animation-name:fadeInDowns }
@-webkit-keyframes zoomIns { 0% {
opacity:0;
-webkit-transform:scale3d(.8, .8, .8);
transform:scale3d(.8, .8, .8)
}
50% {
opacity:1
}
}
@keyframes zoomIns { 0% {
opacity:0;
-webkit-transform:scale3d(.8, .8, .8);
transform:scale3d(.8, .8, .8)
}
50% {
opacity:1
}
}
.zoomIns { -webkit-animation-name:zoomIns; animation-name:zoomIns }
@-webkit-keyframes rotateIn { 0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 }
}
@keyframes rotateIn { 0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 }
}
.rotateIn { -webkit-animation-name:rotateIn; animation-name:rotateIn }
@-webkit-keyframes fadeInRights { 0% {
opacity:.3;
-webkit-transform:translate3d(30%, 0, 0);
transform:translate3d(30%, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInRights { 0% {
opacity:.3;
-webkit-transform:translate3d(30%, 0, 0);
transform:translate3d(30%, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInRights { -webkit-animation-name:fadeInRights; animation-name:fadeInRights }
@-webkit-keyframes fadeInLefts { 0% {
opacity:.3;
-webkit-transform:translate3d(-30%, 0, 0);
transform:translate3d(-30%, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInLefts { 0% {
opacity:.3;
-webkit-transform:translate3d(-30%, 0, 0);
transform:translate3d(-30%, 0, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInLefts { -webkit-animation-name:fadeInLefts; animation-name:fadeInLefts }
@-webkit-keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
@keyframes flipInX { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to { -webkit-transform:perspective(400px); transform:perspective(400px) }
}
.flipInX { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInX; animation-name:flipInX }
@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.5, .5, .5);
transform:scale3d(.5, .5, .5)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to { opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) }
}
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.5, .5, .5);
transform:scale3d(.5, .5, .5)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to { opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) }
}
.bounceIn { -webkit-animation-name:bounceIn; animation-name:bounceIn }
@-webkit-keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(100%, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(100%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(100%, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(100%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight { -webkit-animation-name:zoomInRight; animation-name:zoomInRight }
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp }
@-webkit-keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(.5, .5, .5);
transform:scale3d(.5, .5, .5)
}
50% {
opacity:1
}
}
@keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(.5, .5, .5);
transform:scale3d(.5, .5, .5)
}
50% {
opacity:1
}
}
.zoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn }
 @-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity:1; -webkit-transform:none; transform:none }
}
.fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown }